body {
    background-color: #f8f9fa;
    font-family: 'Microsoft YaHei', sans-serif;
}

.card {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header {
    background-color: #e9ecef;
    font-weight: bold;
}

#dynagraphChart {
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
}

.btn {
    margin-right: 5px;
}

/* 增加状态颜色 */
.text-success { color: #28a745 !important; }
.text-danger { color: #dc3545 !important; }
.text-warning { color: #ffc107 !important; }
.text-info { color: #17a2b8 !important; }

/* 计算过程显示样式 */
#calculationProcess {
    font-family: 'Courier New', monospace;
    background-color: #f8f9fa;
    padding: 5px 10px;
    border-radius: 3px;
    border-left: 3px solid #17a2b8;
}

/* 图表容器优化 */
#dynagraphChart {
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    background-color: #fff;
}
/* 响应式调整 */
@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
}